@charset "utf-8";
/* CSS Document */
.weixin{
  position:
  relative;
  text-align:
  center;
  margin: auto;
  width: 30px;
  height: 30px;
  font-size:12px;
}
.weixin A{
  text-align:
  center;
  display:
  block;
  
  
  
  
  opacity:1;
}
.lan{
 display: flex;
 justify-content: space-between;
 padding: 0;
 align-items: center;
}
.lan a{
 display:
 block;
 width:100%;
 color: #999;
}
.lan a:hover{
}
.weixin A svg{
 fill: #fff;
 width: 100%;
 margin: 0;
 height: 100%;
}
.weixin .weixin_nr{
  position:
  absolute;
  text-align:
  center;
  padding-bottom:10px;
  padding-left:10px;
  transform-origin: top;
  line-height:1;
  transform: scaleY(0);
  width:120px;
  transition: .4s ease;
  font-weight:
  normal;
  font-size:14px;
  padding-right:10px;
  display: block;
  z-index: 111;
  opacity: 0;
  background:#fff;
  height: auto;
  top: 35px;
  padding-top:10px;
  left: -40px;
  box-shadow:0 3px 4px
  rgba(0, 0, 0, 0.1);
}
.weixin .weixin_nr IMG{
  margin-bottom: 0;
  width: 100%;
}
.weixin .weixin_nr .arrow{
  border-top:transparent 0px solid;
  position:absolute;
  border-left:transparent 10px solid;
  width:0px;
  border-bottom:#fff 10px solid;
  height:0px;
  top:-10px;
  border-right:transparent 10px solid;
  left:47px;
}
.on.weixin .weixin_nr{
  display:
  block;
  transform: scaleY(1);
  top: 40px;
  opacity: 1;
}
.on.weixin A{
  opacity:1;
}
@media only screen and (max-width: 1024px) {
  .weixin{
  width: 25px;
  height: 25px;
}
}
@media only screen and (max-width: 768px) {
  .weixin A svg {
}
  .weixin .weixin_nr {
    left: -45px;
    right:0;
    width: 100px;
}
  .weixin {
    float: right;
    width: 25px;
    height: 25px;
  }
}